<style scoped>
  .expand-row{
    margin-bottom: 16px;
  }

</style>
<template>
  <div class="center-ld">
      <Icon type="md-cafe" size="36"/>API分类下api<br/>
      <Table  :columns="columns1" :data="data1"></Table><br/>
  </div>
</template>
<script>
export default {
  props: {
    row: Object,
    data: []
  },
  data () {
    return {
      columns1: [
        {
          title: 'parentId',
          key: 'parentId'
        },
        {
          title: 'id',
          key: 'id'
        },
        {
          title: 'name',
          key: 'name',
          className: 'demo-table-info-column'
        },

        {
          title: 'code',
          key: 'code'
        },
        {
          title: 'method',
          key: 'method'
        },

        {
          title: 'status',
          key: 'status'
        },
        {
          title: 'type',
          key: 'type'
        },
        {
          title: 'uri',
          key: 'uri',
          className: 'demo-table-info-column'
        }
      ],
      data1: this.row.API

    }
  }
}
</script>
